<template>
    <div>
        <el-row>
            <el-col :span="24" class="base-mian-cell" v-if="notepadFlag">
                <div class="base-mian-cell-title clearfix">
                    <div class="left fl">
                        <span class="line">|</span>
                        <span class="tips">Notepad</span>
                    </div>
                    <div class="right fr" @click="changeView">
                        <i class="el-icon-circle-close"></i>
                    </div>
                </div>
                <div class="base-mian-cell-main">
                    <notePadIcdTableComponent :clntnum="clntnum" soucrce="hebao" @NoteSize="getNoteSize" :insTabInfo="insTabInfo" :appTabInfo="appTabInfo"
                             :applnum="applnum"      :curUserId="curUserId" :name="name"  :reqtype="reqtype"  :allInfoReadOnly="allInfoReadOnly"></notePadIcdTableComponent>
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<script>
  import notePadIcdTableComponent from "@/page/customerManage/notePadIcdTableComponent.vue";
  export default {
    data() {
      return {

      }
    },
    props: {
      notepadFlag: {
        type: Boolean,
        default: false
      },
      allInfoReadOnly: {
        type: Boolean,
        default: false
      },
      clntnum: {
        type: String,
        default: ""
      },
      applnum: {
        type: String,
        default: ""
      },
      insTabInfo: {
        type: String,
        default: ""
      },
      appTabInfo: {
        type: String,
        default: ""
      },
      reqtype: {
        type: String,
        default: ""
      },
      name: {
        type: String,
        default: ""
      },
      curUserId: {
        type: String,
        default: ""
      }
    },
    mounted(){

    },
    components:{
      notePadIcdTableComponent
    },
    methods: {
      changeView() {
        this.$emit('subNotepadFlag', false);
      },
      getNoteSize(e){
        if(this.reqtype=="ins"){
          this.$emit('insNoteSize', e);
        }else{
          this.$emit('appNoteSize', e);
        }
      }
    },
    created() {
      debugger
        console.log(this.name)
    }
  }
</script>

<style lang="less" scoped>
    .fillcontain {
        padding-bottom: 0;
    }

    .contain {
        background: #fff;
        padding: 10px;
        margin-bottom: 20px;
    }

    .pagination {
        padding: 10px 20px;
        text-align: right;
    }

    .operationIcon {
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        display: inline-block;
        cursor: pointer;
        box-shadow: 0 0 3px #f9f9f9;
        .item i {
            color: #68a3fc;
        }
    }

    .search_container {
        padding: 20px 20px 0 20px;
    }
</style>